<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网易有钱</title>
    <style>
        .content{
            /* 设置边框*/
            border: 1px solid grey;
            width: 400px;
            height: 600px;
            background: white;
            margin-left: 1100px;
            text-align: center;
        }
        /*取消下划线*/
        a{
            text-decoration: none;
        }

        a:link{
            color: gray;
        }
        a:visited{
            color: gray;
        }
        a:hover{
            color: red;
        }
        a:active{
            color: blue;
        }

        .bj{
           background-image: url("img/2.jpg");
           background-size: 100%;
           height: 800px;
            padding: 100px;
        }
        /*style="float: right;padding: 5px;"*/
        .top{
            margin-left: 1300px;
        }





    </style>
</head>
<body>
<img src="img/1.jpg" style="float: left"/>
<div class="top">
        <a href="#">企业邮箱</a>&nbsp;&nbsp;
        <a href="#">VIP邮箱</a>&nbsp;&nbsp;
        <a href="#">邮箱会员</a>&nbsp;&nbsp;
        <a href="#">海外用户登录</a>&nbsp;&nbsp;
        <a href="#">官方App&nbsp;&nbsp;|</a>&nbsp;&nbsp;
        <a href="#">帮助</a>&nbsp;&nbsp;
        <a href="#">登录反馈</a>
    </div>

<div style="height: 60px"></div>

    <div class="bj">
        <div class="content">
            <div>注册详情</div><hr>
            <div>
                <label for="username">姓名：</label>
                <input type="text" id="username" name="username" placeholder=" 在此输入用户名" autocomplete="off">
            </div><hr>
            <div>
                <label for="password"> 密码：</label>
                <input type="number" id="password" name="password" placeholder=" 在此输入密码" autocomplete="off">
            </div><hr>
            <div>
                <label for="email">邮箱：</label>
                <input type="email" id="email" name="email" placeholder=" 在此输入邮箱">
            </div><hr>
            <div>
                <label for="tel">手机：</label>
                <input type="tel" id="tel" name="tel" placeholder=" 在此输入手机号">
            </div><hr>

            <div>
                <div>
                    <label for="sex">性别：</label>
                    <input type="radio" id="sex" name="sex" value="">男
                    <input type="radio"  name="sex" value="0">女
                </div>
                <div>
                    <label for="hobby">爱好：</label>
                    <input type="checkbox" id="hobby" name="hobby" value="music" checked>音乐
                    <input type="checkbox" name="hobby" value="movie">电影
                    <input type="checkbox" name="hobby" value="game">游戏<br>
                </div>
                <div>
                    <label for="birthday">出生日期：</label>
                    <input type="date" id="birthday" name="birthday"><br>
                </div>
                <div>
                    <label for="tel">所在城市：</label>
                    <select name="" id="">
                        <option value="">——请选择所在省城市——</option>
                        <optgroup label="省会城市">
                            <option>武汉</option>
                            <option>杭州</option>
                        </optgroup>
                        <optgroup label="直辖市">
                            <option>天津</option>
                            <option>北京</option>
                        </optgroup>
                    </select>
                </div><hr>
                <div>
                    <textarea name="desc" id="desc" cols="30" rows="10" placeholder="个性签名"></textarea>
                </div>
                <hr>
                <div>
                    <button type="submit">注册</button>
                    <button type="reset">重置</button>
                </div>
            </div>

    </div>


</div>

</body>
</html>